import { defineConfig } from 'unocss'

export default defineConfig({
    // ...UnoCSS options
    rules: [
        ['m-10', { margin: '10px' }],
        ['d-f', { display: 'flex' }],
        ['d-b', { display: 'block' }],
        ['d-g', { display: 'grid' }],
        ['p-10', { padding: '10px' }],
        ['bg-red-500', { backgroundColor: '#f00' }],
        ['text-red-500', { color: '#f00' }],
        ['text-center', { textAlign: 'center' }],
        ['text-2xl', { fontSize: '1.5rem' }],
        ['text-3xl', { fontSize: '2rem' }],
        ['text-4xl', { fontSize: '2.5rem' }],
        ['text-5xl', { fontSize: '3rem' }],
        ['h-80', { height: '80%' }],
        ['h-90', { height: '90%' }],
        ['h-30v', { height: '30vh' }],
        ['h-10v', { height: '10vh' }],
        ['h-40v', { height: '40vh' }],
        ['h-50v', { height: '50vh' }],
        ['h-60v', { height: '60vh' }],
        ['h-70v', { height: '70vh' }],
        ['h-80v', { height: '80vh' }],
        ['h-90v', { height: '90vh' }],
        ['w-10', { width: '10%' }],
        ['w-30', { width: '30%' }],
        ['w-40', { width: '40%' }],
        ['w-50', { width: '50%' }],
        ['w-60', { width: '60%' }],
        ['w-70', { width: '70%' }],
        ['w-80', { width: '80%' }],
        ['w-90', { width: '90%' }],
        ['w-100', { width: '100%' }],
        ['w-30v', { width: '30vh' }],
        ['w-40v', { width: '40vh' }],
        ['w-50v', { width: '50vh' }],
        ['w-60v', { width: '60vh' }],
        ['w-70v', { width: '70vh' }],
        ['w-80v', { width: '80vh' }],
        ['w-90v', { width: '90vh' }],
        ['of-h', { overflow: 'hidden' }],
        ['color-w', { color: '#fff' }],
        ['m-10t', { marginTop: '10px' }],
        ['col-white', { color: '#fff' }],
        // ['text-c', { textAlign: 'center' }],
    ],
})